<script src="https://fastly.jsdelivr.net/npm/echarts@5.4.0"></script>
<div></div>
<style>
    div {
        width: 290px;
        height: 355px;
        background-image: url('./images/china.jpeg');
    }
</style>
<script>
    var mychart = echarts.init(document.getElementsByTagName('div')[0]);

    mychart.setOption({
        grid: {
            left: 0,
            right: 0,
            top: 0,
            bottom: 0
        },
        xAxis: {
            type: 'value',
            min: 0,
            max: 290,
            show: false
        },
        yAxis: {
            type: 'value',
            min: 0,
            max: 355,
            show: false
        },
        series: [{

            // 普通连线
            type: "lines",
            coordinateSystem: "cartesian2d",
            effect: {
                show: true,
                period: 6,
                trailLength: 0,
                symbol: 'path://M1705.06,1318.313v-89.254l-319.9-221.799l0.073-208.063c0.521-84.662-26.629-121.796-63.961-121.491c-37.332-0.305-64.482,36.829-63.961,121.491l0.073,208.063l-319.9,221.799v89.254l330.343-157.288l12.238,241.308l-134.449,92.931l0.531,42.034l175.125-42.917l175.125,42.917l0.531-42.034l-134.449-92.931l12.238-241.308L1705.06,1318.313z',
                symbolSize: 20,
                color: 'blue'
            },
            data: [{
                coords: [
                    [245, 160],
                    [200, 250]
                ],
                lineStyle: {
                    normal: {
                        color: "yellow",
                        width: 5
                    },
                }
            }]
        }, {
            type: 'effectScatter',
            data: [{
                value: [200, 250, 15]
            }, {
                value: [245, 160, 10]
            }],
            symbolSize: function (val) {
                return val[2];
            },
            itemStyle: {
                "color": "pink"
            },
            rippleEffect: {
                "period": 3,
                "scale": 5,
                "color": "red",
                "brushType": "stroke"
            }
        }]
    });
</script>